﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>排行榜</title>
</head>
<body>
    <div id="app">
        <!--顶部-->
        <div class="top">
            <el-row>
                <el-col :span="5">
                    <div>
                        <img src="~/Content/imgs/logo.png" style="height: 37px; width: 135px;" />
                    </div>
                </el-col>
                <el-col :span="7">
                    <el-input placeholder="请输入内容" v-model="search">
                        <i slot="suffix" class="el-input__icon el-icon-search" style="cursor:pointer;" v-on:click="searchKey"></i>
                    </el-input>
                </el-col>
                <el-col :span="12">
                    <div class="top_item">
                        <a href="javascript:;">注册/登录<i class="el-icon-user"></i></a>
                        <a href="javascript:;">播放记录<i class="el-icon-time"></i></a>
                        <a href="/Car/BuyCar" target="_blank">
                            购物车 <el-badge :value="Carcount" class="item" type="primary">
                                <i class="el-icon-shopping-cart-1"></i>
                            </el-badge>
                        </a>
                    </div>
                </el-col>
            </el-row>
        </div>
        <!--导航-->
        <div class="navi">
            <a href="/Home/Index">首页</a>
            <a href="/Music/MusicType">分类</a>
            <a href="/Music/NewCd">新碟</a>
            <a href="/Music/Singer">歌手</a>
            <a href="/Music/MusicRank" class="active">排行榜</a>
            <a href="/Music/RecomMusic">推荐歌单</a>
        </div>
        <!--底部-->
        <footer class="el-footer-css">
            <div> <a hidefocus="true">关于我们</a>| <a hidefocus="true">监督举报</a> | <a hidefocus="true">广告服务</a> | <a hidefocus="true">投诉指引</a> | <a>隐私政策</a> | <a>儿童隐私政策</a> | <a hidefocus="true">用户服务协议</a>  |  <a hidefocus="true">招聘信息</a> | <a hidefocus="true">客服中心</a> | <a hidefocus="true">用户体验提升计划</a></div>
        </footer>
        <script>
            var vm = new Vue({
                el: "#app",
                data() {
                    return {
                        search: '',
                        Carcount: 18
                    }
                },
                methods: {
                    searchKey() {
                        if (this.search == '' || this.search == null) {

                        } else {
                            location.href = '/Home/SearchMusic?keyWord=' + this.search
                        }
                    }
                }
            })
        </script>
    </div>
</body>
</html>
